<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../iconfont/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/index.css">
</head>



<body>
    <div class="login_header">
        <div class="logo">
            <img src="../img/login_header_logo.png" alt="">
        </div>
        <div class="login_right_header">
            <div class="hint">
                <p>
                    依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号绑定验证！
                    <a href="">《隐私政策》</a>
                    已上线，将更有利于保护您的个人隐私。
                </p>
            </div>
            <div class="opinion">
                <i class="fa fa-pencil-square-o"></i>
                <span>我想对“登录”提意见</span>
            </div>
        </div>
    </div>
    <div class="login_main">
        <div class="login_center">
            <a class="click_index" href="../html/index.html"></a>
            <div class="login_form">
                <div class="login_form_header">
                    <div class="btn_list">
                        <a class="active" href="javascript:void(0)">
                            扫码登录
                            <i></i>
                        </a>
                        <a href="javascript:void(0)">
                            账户登录
                            <i></i>
                        </a>
                        <span class="boundry">|</span>
                    </div>
                </div>
                <div class="content_list">
                    <div class="box active">
                        <div class="code">
                            <img class="slide_code" src="../img/login_code.png" alt="">
                            <img class="node_img" src="../img/code_slide.png" alt="">
                        </div>
                        <p class="code_word">
                            <i class="fa fa-qrcode"></i>
                            <span>
                                打开
                                <a href="">苏宁网易APP</a>
                                扫码登录
                            </span>
                        </p>
                        <p class="jump_register">
                            <a href="../html/register.html">
                                注册&nbsp;有惊喜&gt;
                            </a>
                        </p>
                    </div>
                    <div class="box">
                        <div class="error_prompt">
                            <div class="error_blank">
                                <i class="fa fa-times"></i>
                                <span class="error_message">sadadasdsad</span>
                            </div>
                        </div>
                        <div class="uname_inp">
                            <input type="text" id="username" class="username" placeholder="用户名/手机/邮箱">
                            <i class="fa fa-user-o start_icon"></i>
                            <i class="fa fa-times end_icon"></i>
                        </div>
                        <div class="upwd_inp">
                            <input type="password" name="password" class="password" id="password" placeholder="密码">
                            <i class="fa fa-lock start_icon"></i>
                            <i class="fa fa-times end_icon"></i>
                        </div>
                        <div class="validation_msg">
                            <div class="val_msg_left">
                                <i class="fa fa-mobile-phone"></i>
                                <a>短信验证码登录</a>
                            </div>
                            <div class="val_msg_right">
                                <span>忘记密码？</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="login_btn">登录</a>
                        <p class="jump_register">
                            <a href="">
                                注册&nbsp;有惊喜&gt;
                            </a>
                        </p>
                    </div>
                </div>
                <div class="login_footer">
                    <div class="footer_title">
                        使用以下账号登录
                    </div>
                    <ul class="footer_cons">
                        <li>
                            <i style="color: blue;" class="fa fa-qq"></i>
                            <a href="">QQ</a>
                            <span>|</span>
                        </li>
                        <li>
                            <i style="color: green;" class="fa fa-weixin"></i>
                            <a href="">微信</a>
                            <span>|</span>
                        </li>
                        <li>
                            <i class="fa  fa-xing-square" style="color: blue;"></i>
                            <a href="">易付宝</a>
                            <span>|</span>
                        </li>
                        <li>
                            <i style="color: red;" class="fa  fa-weibo"></i>
                            <a href="">微博</a>
                            <span>|</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    @@include("../components/index_footer.html")
    @@include("../components/index_copy.html")

    <script src="../js/libs/jQuery.min.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>